 <!DOCTYPE html> 
<html>
  <head>
    <meta charset="UTF-8">
    <title>demo</title>
    <style>
      #wrap{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 800px;
        transform: translate(-50%, -50%);
      }
      container{
        position: relative;
      }
      container, video{
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
      }

    </style>
  </head>
  <body>
    <div id="wrap"></div>
  </body>
  <!-- <script src="../node_modules/chimee/lib/index.browser.js"></script> -->
  <!-- <script src="../node_modules/chimee-kernel-hls/lib/index.browser.js"></script> -->
  <!-- <script src="../lib/index.min.js"></script> -->
  <script src="./chimee.js"></script>
  <script src="./index.min.js"></script>
  <script>
    Chimee.install(chimeePluginControlbar);
  
    var player = new Chimee({
      wrapper: '#wrap',
      autoplay: true,
      muted: true,
      src: 'https://twoer.gitee.io/chimee-plugin-frame/video/zealer20160517.mp4',
    });
    player.use(chimeePluginControlbar.name);

    player[chimeePluginControlbar.name].setMarker([
    {
      time: 2,
      text: '男主角要死了'  
    },
    {
      time: 5,
      text: '男主角死了'  
    },
    {
      time: 10,
      text: '女1号死了'  
    },
    {
      time: 15,
      text: '女2号也死了'  
    },
    {
      time: 19,
      text: '马上结束了'  
    }])

  </script>
</html>
